<template>
	<div class="el-aside">
		<el-menu active-text-color="#ffd04b" background-color="#545c64" :default-active="active" text-color="#fff">
			<el-menu-item index="1">
				<el-icon><House /></el-icon>
				<router-link to="/admin/">首页</router-link>
			</el-menu-item>
			<el-menu-item index="2">
				<el-icon><OfficeBuilding /></el-icon>
				<router-link to="/admin/Navigation">导航设置</router-link>
			</el-menu-item>
			<el-menu-item index="3">
				<el-icon><Operation /></el-icon>
				<router-link to="/admin/div/">页面DIV</router-link>
			</el-menu-item>
			<el-menu-item index="4">
				<el-icon><Picture /></el-icon>
				<router-link to="/admin/tokenlogo">代币LOGO</router-link>
			</el-menu-item>
			<el-menu-item index="5">
				<el-icon><setting /></el-icon>
				<router-link to="/admin/setting">网站设置</router-link>
			</el-menu-item>
			<el-menu-item @click="exit" index="6">
				<el-icon><SwitchButton /></el-icon>
				<span>退出登陆</span>
			</el-menu-item>
		</el-menu>
	</div>
</template>
<script>
	import { Logoutoflogin } from '@/api/api'
	export default {
		props: ['active'],
		methods: {
			async exit() {
				await Logoutoflogin()
			},
		},
	}
</script>
<style scoped>
	.el-aside {
		flex: 0 0 200px;
		background: #545c64;
		border-right: 1px solid #f2f6fc;
	}
	.el-menu {
		border-right: 0 !important;
	}
</style>
<style></style>
